.delete {
    width: 1.25em;
    height: 1.25em;
    background: gray(219);
    display: inline-block;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    user-select: none;
    outline: none;
    appearance: none;
    box-shadow: none;
    /* in case button */
    border: none;

    border-radius: 1.25em;

    &.is-small {
        font-size: .75rem;
    }

    &.is-medium {
        font-size: 1.25rem;
    }

    &.is-large {
        font-size: 1.5rem;
    }

    &:after, &:before {
        content: '';
        width: 50%;
        height: 2px;
        border: 1px solid white;
        position: absolute;

        top: calc((1.25em - 2px) / 2);
        left: 25%;
    }

    &:before {
        transform: rotate(45deg);
    }

    &:after {
        transform: rotate(-45deg);
    }
}


